* {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
body {
  position: relative;
  overflow-x: hidden ;
  background-color: #f5f5f5;
}
body,
html {
  height: 100%;
}
.wrapper {
  height: 100%;
}
a {
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
img {
  width: 100%;
  height: 100%;
}
div {
  cursor: pointer;
}
li {
  list-style: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
span {
  cursor: pointer;
}
.blue {
  /*border-bottom: 4/@base solid #4285f4;*/
  color: #4285F4 !important;
}
.user {
  display: none;
}
.user,
.header {
  width: 15.28rem;
  height: 6.3rem;
  background-color: #4285f4;
  overflow: hidden;
}
.header {
  background: url(../img/our_bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.head_con {
  width: 13.4rem;
  height: 2.64rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -7.15217391rem;
  margin-top: -1.41304348rem;
}
.head_fl {
  float: left;
  height: 2.64rem;
  width: 2.64rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.6rem;
}
.head_cc {
  float: left;
  width: 9.74rem;
  height: 2.64rem;
}
.head_cc p {
  height: 1.38rem;
  line-height: 1.38rem;
  font-size: 0.6rem;
  color: white;
  width: 100% ;
}
.headc_font {
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.44rem;
  color: white;
}
.headc_font span {
  float: left;
  width: 1.76rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-indent: 0.72rem;
  background: url(../img/our.png) no-repeat 0rem -2.57rem;
  background-size: 0.64rem;
}
.lines {
  width: 0.08rem;
  height: 0.52rem;
  background-color: white;
  margin-right: 0.38rem;
  float: left;
}
.headc_font a {
  float: left;
  width: 1.76rem;
  height: 0.64rem;
  color: white;
  text-indent: 0.68rem;
  background: url(../img/book.png) no-repeat 0rem;
  background-size: 0.5rem;
}
.head_rt {
  width: 0.38rem;
  height: 2.64rem;
  line-height: 2.64rem;
  float: left;
}
.head_rt img {
  width: 0.36rem;
  height: auto;
}
.user dt {
  width: 2.84rem;
  height: 2.84rem;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  border: 5px solid white;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 1rem;
}
.user dd {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.6rem;
  color: white;
  text-align: center;
}
li {
  width: 14.66rem;
  margin-left: 0.6rem;
  height: 1.98rem;
  line-height: 1.98rem;
  color: #ebebeb;
  text-indent: 1.52rem;
  font-size: 0.64rem;
  color: #101010;
  background: url(../img/our.png) no-repeat;
  background-size: 1.425rem;
  background-color: white;
}
.bor,
.borb {
  width: 14.66rem;
  height: 2px;
  margin-left: 0.6rem;
  background-color: #ebebeb ;
}
.borb {
  width: 16rem;
  margin: 0;
  height: 0.4rem;
}
.setup {
  padding-top: 0.4rem;
  line-height: 1.2rem;
  box-sizing: border-box;
}
.wrapped {
  width: 15.28rem;
  height: auto;
  overflow: hidden;
  padding-top: 0.06rem;
}
.order {
  background-position-y: -0.4rem;
}
.coup {
  background-position-y: -1.96rem;
}
.code {
  background-position-y: -3.38rem;
}
.follow {
  background-position-y: -4.8rem;
}
.collection {
  background: url('../img/collection.png') no-repeat left 10px center;
  background-size: 0.92rem;
}
.setup {
  background-position-y: -6.48rem;
}
.wrapped {
  background: white;
}
